<html>

	<head>
		<meta charset="utf-8">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<link rel="stylesheet" href="css/app.css" />
		<script type="text/javascript" src="js/resizeRoot.js" ></script>
		<body>

			<!--wrap-->
			<div id="wrap">

				<!--如果是子目录-->

				<!--如果是子目录-->

				<!--如果是资源列表-->
				<section class="story-banner">
					<img alt="四年级(下)" src="http://dwn.roo.bo/appimg/20170714_4a575d91cfe846c95245dc020d09bb8d.png">
					<div class="story-title">
						<h3>四年级(下)</h3>
						<p></p>
					</div>
				</section>
				<section class="story-list">
					<div class="story-list-hd clearfix">
						<span class="rb-left">共33首</span>
						<span class="copyright-list" style="display: none;">Powered by roobo</span>
						<button class="rb-right add-btn" type="button">
            添加全部
          </button>
					</div>
					<div class="story-list-bd single-list">
						<!--试听的audio-->
						<audio src="" id="try" style="display:none"></audio>

						<ul>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>古诗词三首</p>
										<span class="single-time">1分24秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960696">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>桂林山水</p>
										<span class="single-time">2分35秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960612">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>记金华双龙洞</p>
										<span class="single-time">5分13秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1800649">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>七月的天山</p>
										<span class="single-time">3分20秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1970602">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>我的“长生果”</p>
										<span class="single-time">8分58秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1800652">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>中彩那天</p>
										<span class="single-time">3分49秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1970600">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>万年牢</p>
										<span class="single-time">4分48秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1800654">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>尊严</p>
										<span class="single-time">3分33秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960608">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>将心比心</p>
										<span class="single-time">2分28秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960695">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>自然之道</p>
										<span class="single-time">4分10秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1970607">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>黄河是怎样变化的</p>
										<span class="single-time">4分49秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960668">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>蝙蝠和雷达</p>
										<span class="single-time">3分11秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1800650">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>大自然的启示</p>
										<span class="single-time">4分48秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1950656">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>夜莺的歌声</p>
										<span class="single-time">8分59秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960697">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>小英雄雨来</p>
										<span class="single-time">16分11秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1970605">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>一个中国孩子的呼声</p>
										<span class="single-time">4分9秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960698">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>和我们一样享受春天</p>
										<span class="single-time">1分50秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960674">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>触摸春天</p>
										<span class="single-time">2分44秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960675">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>永生的眼睛</p>
										<span class="single-time">3分50秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960699">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
							<li>
								<div class="single-item">
									<!-- play -->
									<button class="demand-btn" type="button">
                                <i class="demand-icon"></i>
                            </button>

									<div class="single-infor">
										<p>生命 生命</p>
										<span class="single-time">2分36秒</span>
									</div>
									<a class="download-btn">
										<i class="add-icon"></i>
									</a>
								</div>

								<div class="operate-icon expand-transition" style="display: none;">
									<a>
										<i class="audition-icon"></i> 试听
									</a>

									<a class="active" style="display: none;">
										<i class="audition-icon"></i> 停止
									</a>

									<a>
										<i class="like-icon"></i> 收藏
									</a>
									<a class="active" style="display: none;">
										<i class="like-icon"></i> 取消收藏
									</a>
									<a href="single.html?id=1960673">
										<i class="detail-icon"></i> 详情
									</a>
								</div>
							</li>
						</ul>
						<div class="loading-more">
							<a>加载更多</a>
						</div>
					</div>
				</section>
				<input type="text" id="select" style="display:none">
				<input type="text" id="selectall" style="display:none">

			</div>

		</body>

</html>